<!DOCTYPE html>
<html lang="en">
{% load staticfiles %}
<head>
    <meta charset="UTF-8">
    <title>蜜匠婚纱</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
            integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
            crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css" href="{% static 'css/reset.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/mj_weddingdress.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/mj_wd_footer.css' %}">

    <script src="{% static 'js/jquery.min.js' %}"></script>

</head>
<body>

<div class="new_top">
    <div class="mj_hunsha_top">
        <div class="hunsha_innerwrap">
            <h1>
                <a href="{% url 'weddingdress:mj_weddingdress' %}" class="mj_logo">蜜匠婚纱</a>
            </h1>
            <div>
                <ul class="mj_menu">
                    <li class="mj_index">
                        <a href="{% url 'index:mjindex' %}" target="_blank" title="蜜匠首页">蜜匠首页</a>
                    </li>
                    <li class="hs_current">
                        <a href="{% url 'weddingdress:mj_weddingdress' %}" title="首页">婚纱首页</a>
                    </li>
                    <li class="hs_hover">
                        <a href="{% url 'weddingdress:mj_wd_xinnianghunsha' %}" target="_blank" title="婚纱礼服">婚纱礼服</a>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>

<div class="top_LB">

    <div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <div class="slide-item d-block w-100">

                    <img data-original="{{ topwd.image.url }}" src="{% static 'images/loading.jpg' %}"
                         alt="{{ topwd.title_one }}<br>{{ topwd.title_two }}" class="pic lazy">
                    <div class="detail-box active">
                        <p class="title">{{ topwd.title_one }}<br>{{ topwd.title_two }}</p>
                    </div>
                </div>
            </div>


        </div>
        <!--        <a class="carousel-control-prev" href="#carouselExampleFade" role="button" data-slide="prev">-->
        <!--            <span class="carousel-control-prev-icon" aria-hidden="true"></span>-->
        <!--            <span class="sr-only">Previous</span>-->
        <!--        </a>-->
        <!--        <a class="carousel-control-next" href="#carouselExampleFade" role="button" data-slide="next">-->
        <!--            <span class="carousel-control-next-icon" aria-hidden="true"></span>-->
        <!--            <span class="sr-only">Next</span>-->
        <!--        </a>-->
    </div>
</div>

<!--点击切换特效-->
<!--精选礼服-->
<div class="wed-product">
    <p class="product-title">
        精选礼服<a title="精选礼服" href="https://www.mijwed.com/lifu/all/" target="_blank">MORE<em class="icon">icon</em></a>
    </p>

    <div class="product-detail">
        {% for wdlb in wdLBbanner %}
            <div class="product-detail-list product{{ forloop.counter0 }}" data-id="{{ forloop.counter0 }}"
                 style="">
                <a class="img-box" href="#" target="_blank" title="{{ wdlb.sku.wd_name }}">
                    <img alt="{{ wdlb.sku.caption }}"
                         data-original="{{ wdlb.image.url }}"
                         src="{% static 'images/loading.jpg' %}" class="lazy">
                </a>
                <div class="detail-text">
                    <p class="name">{{ wdlb.sku.wd_name }}</p>
                    <p class="name-ch">{{ wdlb.sku.caption }}</p>
                    <p class="des-text">{{ wdlb.sku.wd_detail }}</p>
                    <div class="detail-btn clearfix">
                        <a class="anymore fl" href="#" target="_blank"
                           title="精选礼服{{ wdlb.sku.wd_name }}详情">查看详情</a>

                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
    <div class="change-btn-box">
        {% for wdlb in wdLBbanner %}
            <div class="e-ch active" data-index="{{ forloop.counter0 }}">
                <p><strong>{{ wdlb.sku.wd_name }}</strong></p>
                <p>{{ wdlb.sku.caption }}</p>
            </div>
        {% endfor %}
    </div>

</div>

<!--礼服类别-->
<div class="grid-container">
    <div class="grid-caption">
        <span class="caption lt">礼服类别</span>
    </div>
    <div class="grid-container-cell">
        <div class="slide-grid-container lt">
            <ul class="slide-grid-list initialized">
                <li class="slide-grid-item slide-grid-item0">
                    <a href="{% url 'weddingdress:mj_wd_xinnianghunsha' %}" target="_blank" title="新娘婚纱">
                        <img data-original="https://files.mijwed.com/new/lifu/201910/20191019_E6E6D9A1EE55DBE60F095183A58E14D0.png"
                             src="{% static 'images/loading.jpg' %}"
                             class="pic lazy" alt="新娘婚纱">
                        <div class="grid-content">
                            <p class="grid-title">新娘婚纱</p>
                            <p class="grid-desc">从证婚台前至教堂大门 白色婚纱 是我们爱情的见证</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <ul class="hover-box rt">
            <li>
                <a href="{% url 'weddingdress:mj_wd_zhongshi' %}" target="_blank" title="中式嫁衣"
                   class="one-list">
                    <img data-original="https://files.mijwed.com/new/lifu/201911/20191101_B0ACD1CFDA4A165B68F1E524F89C142F.jpg"
                         alt="中式嫁衣" class="lazy"
                         src="{% static 'images/loading.jpg' %}"
                         style="">
                    <div class="grid-content">
                        <p class="grid-title">中式嫁衣</p>
                        <p class="grid-desc">中式嫁衣 古老传承 永结同心 白头偕老</p>
                    </div>
                </a>
            </li>
            <li>
                <div class="two-list clearfix">
                    <a href="{% url 'weddingdress:mj_wd_lifu' %}" target="_blank" title="礼服"
                       class="list-type">
                        <img data-original="https://files.mijwed.com/new/lifu/201911/20191119_19CA74851E4D0C7A96EC568F227297AD.jpg"
                             alt="中式嫁衣" class="lazy"
                             src="{% static 'images/loading.jpg' %}"
                             style="">
                        <div class="grid-content">
                            <p class="grid-title">礼服</p>
                            <p class="grid-desc">以爱做礼服 见证幸福时刻</p>
                        </div>
                    </a>
                    <a href="{% url 'weddingdress:mj_wd_lifuboy' %}" target="_blank" title="男士礼服"
                       class="list-type">
                        <img data-original="https://files.mijwed.com/new/lifu/201911/20191101_6035EFC9CBA881FC778E66E100D0FD95.jpg"
                             alt="中式嫁衣" class="lazy"
                             src="{% static 'images/loading.jpg' %}"
                             style="">
                        <div class="grid-content">
                            <p class="grid-title">男士礼服</p>
                            <p class="grid-desc">意式修身版型 舒适面料凸显质感</p>
                        </div>
                    </a>
                </div>
            </li>
        </ul>
    </div>
</div>

<!--新尾部-->
<div class="global-footer">
    <div class="inner-wrap">
        <ul class="into-list">
            <li>
                <p class="title">蜜屿婚纱</p>

                <a target="_blank" class="more-base" data-title="新娘婚纱"
                   href="{% url 'weddingdress:mj_wd_xinnianghunsha' %}" title="新娘婚纱">
                    <span><span><strong>新娘婚纱</strong></span></span>
                </a>

                <a target="_blank" class="more-base" data-title="中式嫁衣"
                   href="{% url 'weddingdress:mj_wd_zhongshi' %}" title="中式嫁衣">
                    <span><span><strong>中式嫁衣</strong></span></span>
                </a>

                <a target="_blank" class="more-base" data-title="礼服"
                   href="{% url 'weddingdress:mj_wd_lifu' %}" title="礼服">
                    <span><span><strong>女士礼服</strong></span></span>
                </a>

                <a target="_blank" class="more-base" data-title="男士礼服"
                   href="{% url 'weddingdress:mj_wd_lifuboy' %}" title="男士礼服">
                    <span><span><strong>男士礼服</strong></span></span>
                </a>
            </li>
            <!--            <li>-->
            <!--                <p class="title">探索</p>-->
            <!--                <a target="_blank" class="more-base" data-title="品牌理念" href="https://www.mijwed.com/lifu/brand.html" title="品牌理念">-->
            <!--                    <span><span><strong>品牌理念</strong></span></span>-->
            <!--                </a>-->
            <!--                <a target="_blank" class="more-base" data-title="实体门店" href="https://www.mijwed.com/lifu/stores.html" title="实体门店">-->
            <!--                    <span><span><strong>实体门店</strong></span></span>-->
            <!--                </a>-->
            <!--                &lt;!&ndash; <a target="_blank" class="more-base" data-title="服务指南" href="#" title="服务指南">-->
            <!--                    <span><span><strong>服务指南</strong></span></span>-->
            <!--                </a> &ndash;&gt;-->
            <!--            </li>-->
        </ul>
        <div class="service-tel">
            <p class="text">24小时服务热线</p>
            <a class="tel">15176987627</a>
        </div>
        <div class="footer-msg">
            Copyright © 2021 <a target="_blank" href="{% url 'index:mjindex' %}" title="蜜匠婚礼">mijwed.com</a>
            <a target="_blank" rel="nofollow" href="#" title="蜜匠婚礼"> 京ICP备17029003号 </a>
            <a target="_blank" href="#" rel="nofollow" title="蜜匠婚礼">
                <img src="{% static 'images/copyright.png' %}" alt="" class="site-map-pic">
            </a>
            <a target="_blank" rel="nofollow" href="#" title="隐私保护">隐私保护</a>
            |
            <a target="_blank" rel="nofollow" href="#" title="免责声明">免责声明</a>
            |
            <a target="_blank" rel="nofollow" href="#" title="知识产权">知识产权</a>
        </div>
    </div>
</div>
</body>
</html>
<script src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/jquery.lazyload.min.js' %}"></script>
<script>
    $(document).ready(function () {
        $("img.lazy").lazyload({
            threshold: 200,
            placeholder: "images/loading.jpg"
        });
    });
</script>
<script>
    // 精选礼服js代码
    $(".change-btn-box .e-ch").click(function () {
        var e = $(this).attr("data-index");
        $(this).addClass("active").siblings().removeClass("active"),
            $(".product-detail .product-detail-list").hide();
        $(".product" + e).fadeIn(400).addClass("active").siblings().removeClass("active");//4毫秒隐藏
        // $(".product-detail-list").addClass("active").siblings().removeClass("active")
    });
</script>